CW<!-- 教练 – 首页 – 2		index -->
<template>
	<view class="warps" >
		<view class="" >
			<view class="m_t_80" v-show="lis">
				<u-notice-bar mode="horizontal" bg-color="" :close-icon="true" :list="lists"></u-notice-bar>
			</view>
			<view class="w80 f b c mar " style="flex-wrap:wrap;">
				<view class="index-box senter p_t_60 f d c m_t_40" v-for="(item,index) in list" :key="index"  @click="tomlist(index)">
					<image style="width: 128rpx;height: 128rpx;" :src="item.url" mode=""></image>
					<text class="p_t_10 bold">{{item.name}}</text>
				</view>
			</view>
		</view>
		<!-- 打开首页 弹出提醒打卡 -->
		<view>
			<view class="cover" v-show="show" @click="show = false">

			</view>
			<view class="Details-huod" v-show="show">
				<view class="senter p_t_31">
					<image style="width: 368rpx;height: 368rpx;" src="../../../static/logo.png" mode=""></image>
				</view>
				<view class="mar senter fs24 hui bold" style="width:260rpx;">
					<text>今日打卡任务还未完成 快去打卡吧~</text>
				</view>
			</view>
			<view class="index-but" v-show="show">
				<button type="default" @click="ao">去打卡</button>
			</view>
		</view>
		<view class="quanxian" style="margin-top:150rpx;"></view>
		<view class="TBB">
			<TABBAE :idx="1"></TABBAE>
		</view>
	</view>
</template>

<script>
	import TABBAE from '../tabbar/tabbar.vue'
	export default {
		components: {
			TABBAE
		},
		data() {
			return {
				show:false,
				lis:true,
				list: [{
						url: '../../../static/img/059.png',
						name: '考勤打卡'
					},
					{
						url: '../../../static/img/060.png',
						name: '课程打卡'
					},
					{
						url: '../../../static/img/061.png',
						name: '岗位巡查'
					},
					{
						url: '../../../static/img/062.png',
						name: '约课详情'
					},
					{
						url: '../../../static/img/063.png',
						name: '写教案'
					}
					
				],
				lists: [
					'某某某(用户)表扬/批评了某某某教练',
				]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '首页'
			})
		},
		methods: {
			close(){
				this.lis = false
			},
			show1(){
				console.log(12121)
				this.show1=false
			},
			tomlist(e) {
				console.log(e) //这里打印出来是 0 1 2 3 数组索引值
				if (e == 0) {
					uni.navigateTo({
						url: "../clock/clock"
					})
				}
				if (e == 1) {
					uni.navigateTo({
						url: "../Course/Course"
					})
				}
				if (e == 2) {
					uni.navigateTo({
						url: "../patrol/patrol"
					})
				}
				if (e == 3) {
					uni.navigateTo({
						url: "../All/All"
					})
				}
				if (e == 4) {
					uni.navigateTo({
						url: "../teaching/teaching"
					})
				}
			},
			ao(){
				uni.navigateTo({
					url:"../clock/clock"
				})
			},
		}
	}
</script>

<style>
	.cover {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #000000;
		opacity: 0.6;
		z-index: 10;
	}
	.TBB{
		width:100vw;
		position:fixed;
		bottom:0rpx;
	}
	.warps {
		/* height:200vh; */
		overflow: hidden;
		background-color: #F6F8FC;
	}

	.container {
		height: 100vh;
		margin-top: 0rpx;
	}

	.sticky {
		width: 750rpx;
		height: 66rpx;
		line-height: 66rpx;
		background-color: rgba(248, 215, 191, 1.0);
		text-align: center;
	}

	.index-box {
		width: 280rpx;
		height: 280rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 8rpx;
		box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.06);
	}

	.Details-huod {
		width: 432rpx;
		height: 516rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 12rpx;
		position: absolute;
		top: 300rpx;
		left: 160rpx;
		z-index: 11;
	}
	.index-but{
		position: absolute;
		top:900rpx;
		left: 160rpx;
		z-index: 11;
	}
	.index-but>button{
		width: 432rpx;
		height: 64rpx;
		line-height:64rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 12rpx;
		font-size: 28rpx;
		color:#fff;
	}
</style>
